<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>E Commerce</title>
<!-- Stylesheet -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<!-- Javascript -->
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="./js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="./js/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
<script src="./js/TitilliumText22L_Rg_400-TitilliumText22L_Rg_700.font.js" type="text/javascript"></script>
<script src="./js/contentslider.js" type="text/javascript"></script>
<script src="./js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="./js/jquery.easing.1.1.js" type="text/javascript"></script>
<script src="./js/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script src="./js/lightbox.js" type="text/javascript"></script>
<script src="./js/jquery.infinite-carousel.js" type="text/javascript"></script>
<meta charset="UTF-8"></head>
<body>
<!-- Top Section -->
<div id="topsec"> 
  <!-- masterhead -->
  <div id="masterhead"> 
    <!-- Logo -->
    <div class="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
    <!-- masterhead Right Section -->
    <div class="topright_sec"> 
      <!-- top navigation -->
      <div class="topnavigation">
        <ul>
          <li class="first">Default welcome msg!</li>
          <li><a href="./account.html"> My Account</a></li>
          <li><a href="#">My Wishlist</a></li>
          <li><a href="./shoppingcart.html">My Cart Checkout</a></li>
          <li class="nobg"><a  href="./login.html">Log In</a></li>
        </ul>
        <!-- My Cart -->
        <div class="mycart"> <a href="./shoppingcart.html"><img src="./images/cart_icon.png" alt="" /></a> <span>00</span> </div>
        <!-- Check out --> 
        <a class="btn btn1" href="#"><span>Checkout</span></a> </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Navigation -->
    <div class="navigation">
      <div id="smoothmenu1" class="ddsmoothmenu">
        <ul>
          <li class="first"><a class="selected" href="./index.html">Home</a></li>
          <li><a href="#">Living Room</a> 
            <!-- Sub Menu level 1 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="#">Fabric sofas</a></li>
              <li><a href="#">Leather sofas</a> 
                <!-- Sub Menu level 1 -->
                <ul>
                  <li class="first">&nbsp;</li>
                  <li class="martop"><a href="#">Fabric sofas</a></li>
                  <li><a href="#">Leather sofas</a></li>
                  <li><a href="#">Modular sofas</a></li>
                  <li><a href="#">Armchairs </a></li>
                  <li><a href="#">Rattan seating</a></li>
                  <li><a href="#">Extra covers </a></li>
                </ul>
              </li>
              <li><a href="#">Modular sofas</a></li>
              <li><a href="#">Armchairs </a></li>
              <li><a href="#">Rattan seating</a></li>
              <li><a href="#">Extra covers </a></li>
            </ul>
          </li>
          <li><a href="#">Bed Room</a></li>
          <li><a href="#">Dining Room</a></li>
          <li><a href="#">Office</a></li>
          <li><a href="#">Pages</a>
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="./index.html">Home</a></li>
              <li><a href="./listing.html">Listing</a></li>
              <li><a href="./detail.html">Detail</a></li>
              <li><a href="./shoppingcart.html">Shopping Cart</a></li>
              <li><a href="./login.html">Login</a></li>
              <li><a href="./account.html">My Account</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#">Themes</a> 
            <!-- Sub Menu Level 2 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="../blue/index.html">Blue</a></li>
              <li><a href="../green/index.html">Green</a></li>
              <li><a href="./index.html">Brown</a></li>
              <li><a href="../purple/index.html">Purple</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- navigation ends -->
      <div class="clear"></div>
    </div>
    <!-- top search -->
    <div class="top_search">
      <input name="txtSearch" value="Enter a Keyword to Search"
            			onfocus="if(this.value=='Enter a Keyword to Search') {this.value='';}"
            			onblur="if(this.value=='') {this.value='Enter a Keyword to Search';}"   type="text" />
      <a  href="#"><img class="left" src="./images/search_icon.png" alt="" /></a> </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<!-- content Area -->
<div id="outer1">
  <div id="outer"> 
    <!-- Wrapper Sec -->
    <div id="wrapper_sec"> 
      <!-- Content Seciton -->
      <div id="content_section"> 
        <!-- Bread Crumb -->
        <div id="crumb"> <a href="#">Wooden Furniture</a> <a href="#">Home Decor</a> <a class="active" href="#">BedRooms</a> </div>
        <div class="col1">
          <div class="banner"> <a href="#"><img  src="./images/listing_banner.jpg" alt="" /></a> </div>
          <h2 class="heading colr">New arrivals this month</h2>
          <!-- sorting -->
          <div class="sorting">
            <ul class="sort">
              <li><a href="#" class="colr"> 4 Item(s)</a> </li>
              <li class="sortby"><span>Sort by</span><a href="#">Position</a><a href="#">Name Price</a></li>
            </ul>
            <ul class="paging">
              <li class="page">Page</li>
              <li class="pagesno"><a class="active" href="#">1</a><a href="#">2</a><a href="#">3</a> </li>
              <li class="all"><a href="#">All</a> </li>
            </ul>
          </div>
          <!-- Product Listing -->
          <div class="productlist">
            <ul class="productlist">
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product1.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt left"> $3000.99 </span> <span class="left"> to </span> <span class="colr left">$300.99</span> <a class="basket" href="./shoppingcart.html"><img   src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product2.gif" alt="" /> <span class="new txtcufon">NEW</span> </a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /> </a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product3.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product4.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product5.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product6.gif" alt="" /><span class="sale txtcufon">SALE</span></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product7.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product8.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product9.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product10.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product11.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product12.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
            </ul>
            <div class="clear"></div>
          </div>
          <!-- sorting -->
          <div class="sorting sorting1">
            <ul class="sort">
              <li><a href="#" class="colr"> 4 Item(s)</a> </li>
              <li class="sortby"><span>Sort by</span><a href="#">Position</a><a href="#">Name Price</a></li>
            </ul>
            <ul class="paging">
              <li class="page">Page</li>
              <li class="pagesno"><a class="active" href="#">1</a><a href="#">2</a><a href="#">3</a> </li>
              <li class="all"><a href="#">All</a> </li>
            </ul>
          </div>
        </div>
        <div class="col2"> 
          <!-- Cart -->
          <h2 class="heading heading2 colr" >My Cart</h2>
          <div class="shopping_cart">
            <p>There are 4 items in your cart.</p>
            <p class="cart_subtotal">Cart Subtotal:<span class="colr"> $870.00</span></p>
            <div class="clear"></div>
            <ul class="cartItems">
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart1.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart2.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li class="last">
                <div class="thumb"><a href="#"><img  src="./images/cart3.gif" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
            </ul>
            <a class="btn2" href="#"><span>Checkout</span></a> </div>
          <!-- Compare -->
          <h2 class="heading  colr">Compare Products (3)</h2>
          <div class="compare">
            <ul>
              <li>
                <div class="title"> <a href="#">Aron Contemporary Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a class="active" href="#">San Remo Leatherette Modern Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a href="#">Palazzo Black Leatherette Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
            </ul>
            <a class="btn2" href="#"><span>Compare</span></a> </div>
          <!-- Community Poll -->
          <h2 class="heading colr">Community Poll</h2>
          <div class="poll">
            <ul>
              <li>What is your favorite Magento feature? </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Layered Navigation</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span> Price Rules</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Category Management</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Compare Products</span> </li>
            </ul>
            <a class="btn2" href="#"><span>Vote</span></a> </div>
          <!--col2 ends --> 
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- Bototm seciton -->
<div id="bottomsec">
  <div id="footer"> 
    <!--Our Store-->
    <div class="our_store">
      <h3>Our Store</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Customer</a></li>
        <li><a href="#">Contacts</a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
    </div>
    <!-- Useful Links -->
    <div class="footerdiv">
      <h3>Useful Links</h3>
      <ul>
        <li><a href="#">Site Map</a></li>
        <li><a href="#">Search Terms</a></li>
        <li><a href="#">Advanced Search</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <!-- My Accounts -->
    <div class="footerdiv">
      <h3>My Account</h3>
      <ul>
        <li><a href="./account.html">My Account</a></li>
        <li><a href="./shoppingcart.html">My Cart</a></li>
        <li><a href="./shoppingcart.html">Checkout</a></li>
        <li><a href="./login.html">Log In</a></li>
      </ul>
    </div>
    <!-- Pages -->
    <div class="footerdiv">
      <h3>Pages</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">CMS Page</a></li>
        <li><a href="#">Another One</a></li>
      </ul>
    </div>
    <!-- Contact -->
    <div class="contact_us">
      <h3>Contact</h3>
      <ul>
        <li><a href="#">General Information</a></li>
        <li><a href="#">Frequently Asked Questions</a></li>
        <li><a href="#">Member Support Forum</a></li>
        <li class="social"> <a href="#"><img  src="./images/social_icon1.png" alt="" /></a> <a href="#"><img  src="./images/social_icon2.png" alt="" /></a> <a href="#"><img  src="./images/social_icon3.png" alt="" /></a> <a href="#"><img  src="./images/social_icon4.png" alt="" /></a> </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="copyright" > &copy; 2011 - <a href="http://www.racktheme.com" target="_blank">RackTheme</a> - All rights reserved. </div>
  </div>
</div>
</body>
</html>
